<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--360浏览器优先以webkit内核解析-->
	<title>若依介绍</title>
	<link rel="shortcut icon" href="favicon.ico">
<!--	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>-->
<!--	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
	<link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
	<link rel="stylesheet" th:href="@{/css/index.css}" />
	<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
</head>

<body class="gray-bg">
<!-- 头部的盒子 -->
<header>
	<h1 style="color: #F8B448; /* 设置文字颜色 */
	font-family: 'Bangers', cursive; /* 设置字体 */
	text-align: center; /* 文字居中 */
	font-size: 50px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* 添加文字阴影 */">智慧旅游可视化系统</h1>
<!--	1111-->
	<button id="ticket-btn" style="position: absolute; top: 10px; left: 10px;">线上购票</button>
<!--	1111-->
	<div class="showTime"></div>
	<script>
		var t = null;
		t = setTimeout(time, 1000); //開始运行
		function time() {
			clearTimeout(t); //清除定时器
			dt = new Date();
			var y = dt.getFullYear();
			var mt = dt.getMonth() + 1;
			var day = dt.getDate();
			var h = dt.getHours(); //获取时
			var m = dt.getMinutes(); //获取分
			var s = dt.getSeconds(); //获取秒
			document.querySelector(".showTime").innerHTML =
					"当前时间：" +
					y +
					"年" +
					mt +
					"月" +
					day +
					"  " +
					h +
					"时" +
					m +
					"分" +
					s +
					"秒";
			t = setTimeout(time, 1000); //设定定时器，循环运行
		}
	</script>
	&
</header>

<!-- 页面主体部分 -->
<section class="mainbox">
	<div class="column">
		<div class="panel bar">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">近七日收入情况</h2>
			<div class="chart"></div>
			<div class="panel-footer"></div>
		</div>
		<div class="panel line">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">七日天气预报</h2>
			<div class="chart">图表</div>
			<div class="panel-footer"></div>
		</div>
		<div class="panel pie">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">出行方式分析</h2>
			<div class="chart">图表</div>
			<div class="panel-footer"></div>
		</div>

	</div>
	<div class="column">
		<!-- no模块制作 -->
		<div class="no">
			<div class="no-hd">
				<ul>
					<li id="todayFlowNumber"></li>
					<li id="sevenDayFlowNumber"></li>
				</ul>
			</div>
			<div class="no-bd">
				<ul>
					<li style="font-family: 'Bangers', cursive; /* 设置字体 */">今日客流人数</li>
					<li style="font-family: 'Bangers', cursive; /* 设置字体 */">近七日客流人数</li>
				</ul>
			</div>
		</div>
		<script>
			//客流
			function fetchAndUpdateData() {
				const currentDate = new Date();
				const year = currentDate.getFullYear();
				const month = String(currentDate.getMonth() + 1).padStart(2, '0');
				const day = String(currentDate.getDate()).padStart(2, '0');
				const formattedDate = `${year}-${month}-${day}`;

				// 发送 fetch 请求获取今日客流数据
				fetch(`/api/groupFlow/todayFlow?time=${formattedDate}`)
						.then(response => response.json())
						.then(data => {
							if (data.code === 0) {
								document.getElementById('todayFlowNumber').textContent = data.data;
							} else {
								console.error('获取今日客流数据失败: ', data.msg);
							}
						})
						.catch(error => {
							console.error('请求今日客流数据出错: ', error);
						});

				// 发送 fetch 请求获取近七日客流数据
				fetch('/api/groupFlow/sevenFlow')
						.then(response => response.json())
						.then(data => {
							if (data.code === 0) {
								document.getElementById('sevenDayFlowNumber').textContent = data.data;
							} else {
								console.error('获取近七日客流数据失败: ', data.msg);
							}
						})
						.catch(error => {
							console.error('请求近七日客流数据出错: ', error);
						});
			}

			document.addEventListener('DOMContentLoaded', function () {
				// 首次加载页面时获取数据
				fetchAndUpdateData();
				// 设置每1分钟（60000毫秒）调用一次获取数据的函数
				setInterval(fetchAndUpdateData, 60000);
			});

				//天气
				document.addEventListener('DOMContentLoaded', function () {
				// 1. 实例化对象
				var myChart = echarts.init(document.querySelector(".line .chart"));
				// 初始配置
				var option = {
				// 通过这个color修改两条线的颜色
				color: ["#00f2f1", "#ed3f35"],
				tooltip: {
				trigger: "axis"
			},
				legend: {
				// 如果series 对象有name 值，则 legend可以不用写data
				// 修改图例组件 文字颜色
				textStyle: {
				color: "#4c9bfd"
			},
				// 这个10% 必须加引号
				right: "10%"
			},
				grid: {
				top: "20%",
				left: "3%",
				right: "4%",
				bottom: "3%",
				show: true, // 显示边框
				borderColor: "#012f4a", // 边框颜色
				containLabel: true // 包含刻度文字在内
			},

				xAxis: {
				type: "category",
				boundaryGap: false,
				axisTick: {
				show: false // 去除刻度线
			},
				axisLabel: {
				color: "#4c9bfd" // 文本颜色
			},
				axisLine: {
				show: false // 去除轴线
			}
			},
				yAxis: {
				type: "value",
				axisTick: {
				show: false // 去除刻度线
			},
				axisLabel: {
				color: "#4c9bfd" // 文本颜色
			},
				axisLine: {
				show: false // 去除轴线
			},
				splitLine: {
				lineStyle: {
				color: "#012f4a" // 分割线颜色
			}
			}
			},
				series: [
			{
				name: "最高温度",
				type: "line",
				// true 可以让我们的折线显示带有弧度
				smooth: true,
				data: []
			},
			{
				name: "最低温度",
				type: "line",
				smooth: true,
				data: []
			}
				]
			};

				function fetchDataAndUpdateChart() {
				// 使用 fetch 请求接口数据
				fetch('/api/weatherForecast/SevenDay')
				.then(response => response.json())
				.then(data => {
				if (data.code === 0) {
				var xAxisData = [];
				var maxTempData = [];
				var minTempData = [];

				// 处理数据
				data.data.forEach(function (item) {
				xAxisData.push(item.date);
				maxTempData.push(item.dayWeatherTemperature);
				minTempData.push(item.nightWeatherTemperature);
			});

				// 更新配置项
				option.xAxis.data = xAxisData;
				option.series[0].data = maxTempData;
				option.series[1].data = minTempData;

				// 把配置给实例对象
				myChart.setOption(option);
			} else {
				console.error('获取数据失败: ', data.msg);
			}
			})
				.catch(error => {
				console.error('请求出错: ', error);
			});
			}

				// 首次加载数据
				fetchDataAndUpdateChart();

				// 每小时（3600000毫秒）刷新一次接口
				setInterval(fetchDataAndUpdateChart, 3600000);

				// 让图表跟随屏幕自动的去适应
				window.addEventListener("resize", function () {
				myChart.resize();
			});
			});

			//停车场
			document.addEventListener('DOMContentLoaded', function () {
				// 1. 实例化对象
				var myChart = echarts.init(document.querySelector(".line2 .chart"));
				// 初始配置
				var option = {
					tooltip: {
						trigger: "axis"
					},
					legend: {
						top: "0%",
						data: ["占用车位", "剩余车位"],
						textStyle: {
							color: "rgba(255, 255, 255,.5)",
							fontSize: "12"
						}
					},
					grid: {
						left: "10",
						top: "30",
						right: "10",
						bottom: "10",
						containLabel: true
					},
					xAxis: [
						{
							type: "category",
							boundaryGap: false,
							axisLabel: {
								textStyle: {
									color: "rgba(255, 255, 255,.6)",
									fontSize: 12
								}
							},
							axisLine: {
								lineStyle: {
									color: "rgba(255, 255, 255,.2)"
								}
							}
						}
					],
					yAxis: [
						{
							type: "value",
							axisTick: { show: false },
							axisLine: {
								lineStyle: {
									color: "rgba(255, 255, 255,.1)"
								}
							},
							axisLabel: {
								textStyle: {
									color: "rgba(255, 255, 255,.6)",
									fontSize: 12
								}
							},
							splitLine: {
								lineStyle: {
									color: "rgba(255, 255, 255,.1)"
								}
							}
						}
					],
					series: [
						{
							name: "占用车位",
							type: "line",
							smooth: true,
							lineStyle: {
								color: "#0184d5",
								width: "2"
							},
							areaStyle: {
								color: new echarts.graphic.LinearGradient(
										0,
										0,
										0,
										1,
										[
											{
												offset: 0,
												color: "rgba(1, 132, 213, 0.4)"
											},
											{
												offset: 0.8,
												color: "rgba(1, 132, 213, 0.1)"
											}
										],
										false
								),
								shadowColor: "rgba(0, 0, 0, 0.1)"
							},
							symbol: "circle",
							symbolSize: 8,
							showSymbol: false,
							itemStyle: {
								color: "#0184d5",
								borderColor: "rgba(221, 220, 107,.1)",
								borderWidth: 12
							},
							data: []
						},
						{
							name: "剩余车位",
							type: "line",
							smooth: true,
							lineStyle: {
								normal: {
									color: "#00d887",
									width: 2
								}
							},
							areaStyle: {
								normal: {
									color: new echarts.graphic.LinearGradient(
											0,
											0,
											0,
											1,
											[
												{
													offset: 0,
													color: "rgba(0, 216, 135, 0.4)"
												},
												{
													offset: 0.8,
													color: "rgba(0, 216, 135, 0.1)"
												}
											],
											false
									),
									shadowColor: "rgba(0, 0, 0, 0.1)"
								}
							},
							symbol: "circle",
							symbolSize: 5,
							itemStyle: {
								color: "#00d887",
								borderColor: "rgba(221, 220, 107,.1)",
								borderWidth: 12
							},
							showSymbol: false,
							data: []
						}
					]
				};

				function fetchDataAndUpdateChart() {
					// 使用 fetch 请求接口数据
					fetch('/api/park/getParkingLot')
							.then(response => response.json())
							.then(data => {
								if (data.code === 0) {
									var xAxisData = [];
									var occupiedData = []; // 占用车位数据
									var emptyData = []; // 剩余车位数据

									// 处理数据
									data.data.forEach(function (item) {
										xAxisData.push(item.addTime);
										occupiedData.push(item.totalCount - item.emptyCount);
										emptyData.push(item.emptyCount);
									});

									// 更新配置项
									option.xAxis[0].data = xAxisData;
									option.series[0].data = occupiedData;
									option.series[1].data = emptyData;

									// 把配置给实例对象
									myChart.setOption(option);
								} else {
									console.error('获取数据失败: ', data.msg);
								}
							})
							.catch(error => {
								console.error('请求出错: ', error);
							});
				}

				// 首次加载数据
				fetchDataAndUpdateChart();

				// 让图表跟随屏幕自动的去适应
				window.addEventListener("resize", function () {
					myChart.resize();
				});
			});


			// 1111
			document.getElementById('ticket-btn').addEventListener('click', function() {
				fetch('/api/system/ticket')
						.then(response => {
							if (response.ok) {
								return response.text();
							} else {
								throw new Error('请求接口失败');
							}
						})
						.then(data => {
							// 创建一个临时的 div 元素来存储返回的 HTML 内容
							const tempDiv = document.createElement('div');
							tempDiv.innerHTML = data;
							// 清空当前页面内容
							document.body.innerHTML = '';
							// 将新的 HTML 内容添加到页面
							document.body.appendChild(tempDiv);
						})
						.catch(error => {
							console.error('发生错误:', error);
						});
			});
			// 1111

			//游客分析
			// document.addEventListener('DOMContentLoaded', function () {
			// 	var myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"];
			// 	var myChart = echarts.init(document.querySelector(".bar2 .chart"));
			//
			// 	var option = {
			// 		grid: {
			// 			top: "10%",
			// 			left: "22%",
			// 			bottom: "10%"
			// 		},
			// 		xAxis: {
			// 			show: false
			// 		},
			// 		yAxis: [
			// 			{
			// 				type: "category",
			// 				inverse: true,
			// 				data: [],
			// 				axisLine: {
			// 					show: false
			// 				},
			// 				axisTick: {
			// 					show: false
			// 				},
			// 				axisLabel: {
			// 					color: "#fff"
			// 				}
			// 			},
			// 			{
			// 				data: [],
			// 				inverse: true,
			// 				axisLine: {
			// 					show: false
			// 				},
			// 				axisTick: {
			// 					show: false
			// 				},
			// 				axisLabel: {
			// 					color: "#fff"
			// 				}
			// 			}
			// 		],
			// 		series: [
			// 			{
			// 				name: "条",
			// 				type: "bar",
			// 				data: [],
			// 				yAxisIndex: 0,
			// 				itemStyle: {
			// 					barBorderRadius: 20,
			// 					color: function (params) {
			// 						return myColor[params.dataIndex];
			// 					}
			// 				},
			// 				barCategoryGap: 50,
			// 				barWidth: 10,
			// 				label: {
			// 					show: true,
			// 					position: "inside",
			// 					formatter: "{c}%"
			// 				}
			// 			},
			// 			{
			// 				name: "框",
			// 				type: "bar",
			// 				barCategoryGap: 50,
			// 				barWidth: 15,
			// 				yAxisIndex: 1,
			// 				data: [],
			// 				itemStyle: {
			// 					color: "none",
			// 					borderColor: "#00c1de",
			// 					borderWidth: 3,
			// 					barBorderRadius: 15
			// 				}
			// 			}
			// 		]
			// 	};
			//
			// 	function fetchDataAndUpdateChart() {
			// 		fetch('/api/dict/type?dictType=yklyfx')
			// 				.then(response => response.json())
			// 				.then(data => {
			// 					if (data.code === 0) {
			// 						let dictLabels = [];
			// 						let dictValues = [];
			// 						data.data.forEach(item => {
			// 							dictLabels.push(item.dictLabel);
			// 							dictValues.push(parseInt(item.dictValue));
			// 						});
			//
			// 						option.yAxis[0].data = dictLabels;
			// 						option.yAxis[1].data = dictValues;
			// 						option.series[0].data = dictValues.map(value => (value / 10).toFixed(0));
			// 						option.series[1].data = dictValues.map(() => 100);
			//
			// 						myChart.setOption(option);
			// 					} else {
			// 						console.error('接口请求失败:', data.msg);
			// 					}
			// 				})
			// 				.catch(error => {
			// 					console.error('请求出错:', error);
			// 				});
			// 	}
			//
			// 	fetchDataAndUpdateChart();
			//
			// 	window.addEventListener("resize", function () {
			// 		myChart.resize();
			// 	});
			// });

			document.addEventListener('DOMContentLoaded', function () {
				var myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"];
				var myChart = echarts.init(document.querySelector(".bar2 .chart"));

				var option = {
					grid: {
						top: "10%",
						left: "10%",
						bottom: "10%"
					},
					xAxis: {
						show: false
					},
					yAxis: [
						{
							type: "category",
							inverse: true,
							data: ["河南", "山东", "陕西", "山西", "河北"],
							axisLine: {
								show: false
							},
							axisTick: {
								show: false
							},
							axisLabel: {
								color: "#fff"
							}
						},
						{
							data: [],
							inverse: true,
							axisLine: {
								show: false
							},
							axisTick: {
								show: false
							},
							axisLabel: {
								color: "#fff"
							}
						}
					],
					series: [
						{
							name: "条",
							type: "bar",
							data: [],
							yAxisIndex: 0,
							itemStyle: {
								barBorderRadius: 20,
								color: function (params) {
									return myColor[params.dataIndex];
								}
							},
							barCategoryGap: 50,
							barWidth: 10,
							label: {
								show: true,
								position: "inside",
								formatter: "{c}%"
							}
						},
						{
							name: "框",
							type: "bar",
							barCategoryGap: 50,
							barWidth: 15,
							yAxisIndex: 1,
							data: [100, 100, 100, 100, 100],
							itemStyle: {
								color: "none",
								borderColor: "#00c1de",
								borderWidth: 3,
								barBorderRadius: 15
							}
						}
					]
				};

				function formatDate(date) {
					const year = date.getFullYear();
					const month = String(date.getMonth() + 1).padStart(2, '0');
					const day = String(date.getDate()).padStart(2, '0');
					return `${year}-${month}-${day}`;
				}

				function fetchDataAndUpdateChart() {
					const today = new Date();
					const formattedDate = formatDate(today);
					fetch(`/api/groupFlow/todayFlow?time=${formattedDate}`)
							.then(response => response.json())
							.then(data => {
								if (data.code === 0) {
									const totalPeople = data.data;
									const ratios = [0.3, 0.25, 0.2, 0.15, 0.1];
									const peopleData = ratios.map(ratio => Math.round(totalPeople * ratio));
									const percentages = peopleData.map(num => (num / totalPeople * 100).toFixed(0));

									option.series[0].data = percentages;
									option.yAxis[1].data = peopleData;

									myChart.setOption(option);
								} else {
									console.error('接口请求失败:', data.msg);
								}
							})
							.catch(error => {
								console.error('请求出错:', error);
							});
				}

				fetchDataAndUpdateChart();

				window.addEventListener("resize", function () {
					myChart.resize();
				});
			});
			//出行方式分析
			document.addEventListener('DOMContentLoaded', function () {
				// 实例化对象
				var myChart = echarts.init(document.querySelector(".pie .chart"));

				// 指定配置
				var option = {
					color: ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"],
					tooltip: {
						trigger: "item",
						formatter: "{a} <br/>{b}: {c} ({d}%)"
					},
					legend: {
						bottom: "0%",
						itemWidth: 10,
						itemHeight: 10,
						textStyle: {
							color: "rgba(255, 255, 255,.5)",
							fontSize: "12"
						}
					},
					series: [
						{
							name: "出行方式分布",
							type: "pie",
							radius: ["40%", "60%"],
							center: ["50%", "45%"],
							avoidLabelOverlap: false,
							label: {
								show: false,
								position: "center"
							},
							labelLine: {
								show: false
							},
							data: []
						}
					]
				};

				// 发起接口请求
				fetch('/api/dict/type?dictType=cxfsfx')
						.then(response => response.json())
						.then(data => {
							if (data.code === 0) {
								const newData = data.data.map(item => ({
									name: item.dictLabel,
									value: parseFloat(item.dictValue) * 100
								}));
								option.series[0].data = newData;
								myChart.setOption(option);
							} else {
								console.error('接口请求失败:', data.msg);
							}
						})
						.catch(error => {
							console.error('请求出错:', error);
						});

				// 让图表跟随屏幕自动的去适应
				window.addEventListener("resize", function () {
					myChart.resize();
				});
			});

			//收入占比分析
			document.addEventListener('DOMContentLoaded', function () {
				// 实例化 ECharts 对象
				var myChart = echarts.init(document.querySelector(".pie2 .chart"));

				// 初始配置
				var option = {
					color: [
						"#006cff",
						"#60cda0",
						"#ed8884",
						"#ff9f7f",
						"#0096ff",
						"#9fe6b8",
						"#32c5e9",
						"#1d9dff"
					],
					tooltip: {
						trigger: "item",
						formatter: "{a} <br/>{b} : {c} ({d}%)"
					},
					legend: {
						bottom: "0%",
						itemWidth: 10,
						itemHeight: 10,
						textStyle: {
							color: "rgba(255, 255, 255,.5)",
							fontSize: "12"
						}
					},
					series: [
						{
							name: "收入类型分布",
							type: "pie",
							radius: ["10%", "70%"],
							center: ["50%", "50%"],
							roseType: "radius",
							label: {
								fontSize: 10
							},
							labelLine: {
								length: 6,
								length2: 8
							},
							data: []
						}
					]
				};

				// 发起接口请求
				fetch('/api/dict/type?dictType=srzbfx')
						.then(response => response.json())
						.then(data => {
							if (data.code === 0) {
								// 处理接口返回的数据
								const newData = data.data.map(item => ({
									name: item.dictLabel,
									value: parseFloat(item.dictValue) * 100
								}));
								// 更新配置中的数据
								option.series[0].data = newData;
								// 把配置给实例对象
								myChart.setOption(option);
							} else {
								console.error('接口请求失败:', data.msg);
							}
						})
						.catch(error => {
							console.error('请求出错:', error);
						});

				// 监听浏览器缩放，图表对象调用缩放resize函数
				window.addEventListener("resize", function () {
					myChart.resize();
				});
			});

			//收入详情
			document.addEventListener('DOMContentLoaded', function () {
				// 1. 实例化对象
				var myChart = echarts.init(document.querySelector(".bar .chart"));

				// 2. 指定初始配置
				var option = {
					color: ["#2f89cf"],
					tooltip: {
						trigger: "axis",
						axisPointer: {
							type: "shadow"
						},
						formatter: function (params) {
							if (params.length > 0) {
								return `日期：${params[0].name}<br/>直接访问：${params[0].value}元`;
							}
							return '无数据';
						}
					},
					grid: {
						left: "0%",
						top: "10px",
						right: "0%",
						bottom: "4%",
						containLabel: true
					},
					xAxis: [
						{
							type: "category",
							axisTick: {
								alignWithLabel: true
							},
							axisLabel: {
								color: "rgba(255, 255, 255,.6)",
								fontSize: "12"
							},
							axisLine: {
								show: false
							},
							data: []
						}
					],
					yAxis: [
						{
							type: "value",
							axisLabel: {
								color: "rgba(255, 255, 255,.6)",
								fontSize: 12
							},
							axisLine: {
								lineStyle: {
									color: "rgba(255, 255, 255,.1)",
									width: 2
								}
							},
							splitLine: {
								lineStyle: {
									color: "rgba(255, 255, 255,.1)"
								}
							}
						}
					],
					series: [
						{
							name: "直接访问",
							type: "bar",
							barWidth: "35%",
							itemStyle: {
								barBorderRadius: 5,
								color: '#3db8d1'
							},
							data: []
						}
					]
				};

				function formatDate(dateStr) {
					const date = new Date(dateStr);
					const year = date.getFullYear();
					const month = String(date.getMonth() + 1).padStart(2, '0');
					const day = String(date.getDate()).padStart(2, '0');
					return `${year}-${month}-${day}`;
				}

				function fetchDataAndUpdateChart() {
					fetch('/api/income/getIncome')
							.then(response => response.json())
							.then(data => {
								if (data.code === 0) {
									const xAxisData = [];
									const seriesData = [];
									data.data.forEach(item => {
										const formattedDate = formatDate(item.createTime);
										xAxisData.push(formattedDate);
										seriesData.push(item.count);
									});
									option.xAxis[0].data = xAxisData;
									option.series[0].data = seriesData;
									myChart.setOption(option);
								} else {
									console.error('获取数据失败:', data.msg);
								}
							})
							.catch(error => {
								console.error('请求出错:', error);
							});
				}

				fetchDataAndUpdateChart();

				window.addEventListener("resize", function () {
					myChart.resize();
				});
			});

		</script>
		<!-- 地图模块 -->
		<div class="map">
			<div class="map1"></div>
			<div class="map2"></div>
			<div class="map3"></div>
			<div class="chart"></div>
		</div>
	</div>
	<div class="column">
		<div class="panel bar2">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">游客来源分析</h2>
			<div class="chart">图表</div>
			<div class="panel-footer"></div>
		</div>
		<div class="panel line2">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">近七日车位数</h2>
			<div class="chart">图表</div>
			<div class="panel-footer"></div>
		</div>
		<div class="panel pie2">
			<h2 style="font-family: 'Bangers', cursive; /* 设置字体 */">收入占比分析</h2>
			<div class="chart">图表</div>
			<div class="panel-footer"></div>
		</div>
	</div>
</section>
<!-- <script src="E:\bysj\RuoYi\ruoyi-admin\src\main\resources\static\js\flexible.js"></script> -->
<script th:src="@{/js/flexible.js}"></script>
<!-- <script src="E:\bysj\RuoYi\ruoyi-admin\src\main\resources\static\js\echarts.min.js"></script> -->
<script th:src="@{/js/echarts.min.js}"></script>
<!--<script src="E:\bysj\xiaoqiang\xiaoqiang\myEcharts\js\echarts.min.js"></script>-->
<!-- 先引入jquery -->
<!-- <script src="E:\bysj\RuoYi\ruoyi-admin\src\main\resources\static\js\jqueryhtml.js"></script> -->
<script th:src="@{/js/jqueryhtml.js}"></script>
<!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
<!-- <script src="E:\bysj\RuoYi\ruoyi-admin\src\main\resources\static\js\china.js"></script> -->
<script th:src="@{/js/china.js}"></script>
<!-- <script src="E:\bysj\RuoYi\ruoyi-admin\src\main\resources\static\js\index.js"></script> -->
<script th:src="@{/js/index.js}"></script>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script type="text/javascript">
	$('#pay-qrcode').click(function(){
		var html=$(this).html();
		parent.layer.open({
			title: false,
			type: 1,
			closeBtn:false,
			shadeClose:true,
			area: ['600px', '360px'],
			content: html
		});
	});
</script>
</body>
</html>
